<!--suppress ALL -->
<include file="./Template/header.html" />
<link rel="stylesheet" type="text/css" href="/Template/css/myActivity.css">
<script type="text/javascript">

	$(function() {

		//初始化页面配置
		initPage("我的活动");

		var app = new Vue({
			el: '#container',
			data: {
				activityList: [],
			},
			methods: {
				activityDetail: function(id) {
					window.location.href = "/wechat/activity/detail/id/"+id;
				}
			}
		})


	});


</script>
<div class="container" id="container">
	<if condition="$list eq null">
		<div class="no-data">暂无数据</div>
	</if>
	<foreach name="list" item="vo">
		<div class="activity-info" v-on:click="activityDetail({$vo['activity_id']})">
			<div class="activity-status">
				<if condition="$vo['status'] eq -1">
					<div class="applying active">报名中</div>
				<elseif condition="$vo['status'] eq 2"/>
					<div class="end active">已截止</div>
				<elseif condition="$vo['status'] eq 1"/>
					<div class="full active">已报满</div>
				</if>
			</div>
			<div class="bg-img">
				<img src="{$vo.title_image}" alt="">
			</div>
			<p class="activity-title">{$vo.title}</p>
			<p class="activity-detail">
				<img class="pic" src="/Template/images/icon-time.png" alt="">
				时间：
				<span class="activity-date">{$vo.day}</span>
				<span class="activity-time">{$vo.time}</span>
			</p>
			<p class="activity-detail">
				<img class="pic" src="/Template/images/icon-address.png" alt="">
				地点：<span class="address">{$vo.location}</span>
			</p>
			<if condition="$vo['activity_type'] eq 1">
				<p class="activity-detail">
					<img class="pic" src="/Template/images/icon-user.png" alt="">
					人数：
					<span class="wanted-number">{$vo.upper_limit}</span>
					人（已报名 <span class="actual-number">{$vo.join_number}</span>人）
				</p>
				<p class="activity-detail">
					<img class="pic" src="/Template/images/icon-bag.png" alt="">
					费用：
					<span class="fee-per-user">{$vo.price}元/人</span>
				</p>
			</if>
			<div class="have-paid-btn">
				<img src="/Template/images/icon-applySuccess.png" alt="报名成功">
			</div>
		</div>

	</foreach>
</div>

<include file="./Template/footer.html" />

